<section class="login-box bg-theme">

  <!--登录验证表单start-->
  <form nz-form [formGroup]="validateForm" class="login-form" (submit)="login($event)">
    <!--表单头部start-->
    <div class="headings">
      <h1 class="color-theme font28">员工登录</h1>
    </div>
    <!--表单头部end-->
    <!--表单用户名input框start-->
    <nz-form-item>
      <nz-form-control [nzValidateStatus]="validateForm.controls['jobnumber']" nzHasFeedback>
        <nz-input-group [nzPrefix]="prefixTemplate" [nzSize]="'large'">
          <input nz-input formControlName="jobnumber" type="text" #jobnumber (keyup)="getJobnumber($event)" (blur)="onJobnumberBlur()" placeholder="扫描或输入员工工号">
        </nz-input-group>
        <nz-form-explain *ngIf="getFormControl('jobnumber').dirty&&getFormControl('jobnumber').hasError('required')">
          请输入员工工号
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <ng-template #prefixTemplate><i nz-icon type="user" class="font20 color-gray pl-5 pr-5"></i></ng-template>
    <!--表单用户名input框end-->

    <!--表单底部start-->
    <nz-form-item class="pt">
      <nz-form-control>
        <button nz-button [nzSize]="'large'" class="login-form-button w100" [nzType]="'primary'">登录</button>
      </nz-form-control>
    </nz-form-item>
    <!--表单底部end-->
  </form>
  <!--登录验证的表单end-->

</section>
